<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./roomDetails.css" />
  </head>
  <body>
    <div class="roomdetails">
      <!-- 头部 -->
      <header class="top bg-fff pl-10 pr-10 flex aic jc-sb">
        <a href="../MittingRoom.html">
          <span class="iconfont icon-xiangzuojiantou"></span>
        </a>
        <span>会议室详情</span>
        <a href="../myMeeting/myMeeting.html">
          <span class="fix f14">我的会议</span>
        </a>
      </header>
      <!-- 详情 -->
      <div class="details pl-20 bg-fff pt-20">
        <div class="currentData flex fcc">
          <span>1月4日&nbsp;周四</span>
          <span class="iconfont icon-xiajiantou"></span>
        </div>
        <div class="b-details mt-10 flex">
          <img src="../../../assets/img/u5391.png" alt="" />
          <div class="fdc jc-sb ml-10">
            <span class="f18">商务列会会议室</span>
            <div class="f14 t-999">
              <span class="iconfont icon-duoren"> </span>
              <span class="f12">100</span>
              <span class="iconfont icon-dizhi"></span>
              <span class="f12">朝阳公园南路1号</span>
            </div>
            <div class="f14 t-999">
              <span class="iconfont icon-diannao"></span>
              <span class="f12">投影仪/电脑</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 时间 -->
      <ul class="list f12 fdc bg-fff mt-10 pl-10">
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">08.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../mettingDetails/mettingDetalis.html">
          <li class="item flex aic">
            <span class="timeText">09.00</span>
            <div class="planing ml-15">销售部季度例会</div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">10.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">11.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../mettingDetails/mettingDetalis.html">
          <li class="item flex aic">
            <span class="timeText">12.00</span>
            <div class="planing1 ml-15">研发部季度例会</div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">13.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">14.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">15.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">16.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">17.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">18.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">19.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../mettingDetails/mettingDetalis.html">
          <li class="item flex aic">
            <span class="timeText">20.00</span>
            <div class="planing1 ml-15">设计部季度研发例会</div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">21.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
        <a href="../reserve/reserve.html">
          <li class="item flex aic">
            <span class="timeText">22.00</span>
            <div class="plan ml-15"></div>
          </li>
        </a>
      </ul>
      <!-- 选择时间选项 -->
      <div class="select rel dsn fixed">
        <div class="option abs pl-20 bg-fff pr-20">
          <div class="sel flex aic jc-sb">
            <span class="text1">取消</span>
            <span class="text2">确定</span>
          </div>
          <ul class="list f14 fdc">
            <li class="item flex jc-sa aic">
              <span>2020年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
            <li class="item flex jc-sa aic">
              <span>2019年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
            <li class="item flex jc-sa aic">
              <span>2018年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
            <li class="item">
              <div class="oneday flex aic jc-sa">
                <span>2017年</span>
                <span>01月</span>
                <span>01日</span>
              </div>
            </li>
            <li class="item flex jc-sa aic">
              <span>2016年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
            <li class="item flex jc-sa aic">
              <span>2015年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
            <li class="item flex jc-sa aic">
              <span>2014年</span>
              <span>01月</span>
              <span>01日</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    //点击选择时间
    $(".details").on("click", ".currentData", function () {
      $(".select").show();
    });
    //选择时间隐藏
    $(".select").on("click", ".sel span", function () {
      if ($(this).text() === "取消" || $(this).text() === "确定") {
        $(this).closest(".select").hide();
      }
    });
  </script>
</html>
